<template>
  <el-dialog
    title="合作商详情"
    :visible="dialogTableVisible"
    @open="openFn"
    @close="closeFn"
    style="text-align: left"
  >
 <el-row >
  <el-col style=" text-align: right" :span="6">
    <span>合作商名称：</span>
  </el-col>
  <el-col :span="6">{{ DetailObj.name }}</el-col>
    <el-col :span="6"  style=" text-align: right">联系人：</el-col>
      <el-col :span="6">{{DetailObj.contact}}</el-col>
</el-row>
 <el-row >
  <el-col style=" text-align: right" :span="6">
    <span>联系电话：</span>
  </el-col>
  <el-col :span="6">{{ DetailObj.account }}</el-col>
    <el-col :span="6"  style=" text-align: right">成分比例：</el-col>
      <el-col :span="6">{{ `${DetailObj.ratio}%` }}</el-col>
</el-row>
  </el-dialog>
</template>

<script>
// import { detailAreaList } from '@/api/point'
import { getNowTime } from '@/views/Point/index'
export default {
  props: {
    dialogTableVisible: Boolean,
    DetailObj: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {
      DetailList: [],
      form: {
        formLabelAlign: []
      }

    }
  },
  created () {
    console.log(this.DetailObj)
  },
  methods: {
    closeFn () {
      this.$emit('update:dialogTableVisible', false)
    },
    openFn () {
      this.form.formLabelAlign.push(this.DetailObj)
      console.log(this.form.formLabelAlign)
    }
  },
  filters: {
    getNowTime
  }
}
</script>

<style lang="less" scoped>
/deep/ .el-dialog {
  width: 630px;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  border-radius: 15px;
//   height:300 px;
}
/deep/ .el-dialog .el-dialog__body {
    padding: 20px 20px 30px;
    color: #666;
}
/deep/ .el-col {
  font-size: 14px;
  font-weight: normal;
  padding: 5px;
}
</style>
